<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#b5").bind("click", fun)//使用jQuery的blind()方法实现事件响应
				$("#b4").click(function(){
				alert("你点击了按钮4")//使用jQuery的click()方法实现事件响应
			})})
			
			function fun(){
				alert("你点击了按钮5")
			}
		</script>
	</head>
	<body>
		直接为HTML标签添加事件响应：<button id="b1">按钮1</button><br>
		为元素onclick属性添加事件响应:<button id="b2" onclick="fun2()">按钮2</button><br>
		使用监听器监听元素的click事件：<button id="b3">按钮3</button><br>
		使用jQuery的click()方法实现事件响应：<button id="b4">按钮4</button><br>
		使用jQuery的blind()方法实现事件响应：<button id="b5">按钮5</button><br>
		<script type="text/javascript">
			let b= document.getElementById("b1");
			b.onclick=function(){
				alert("你点击了按钮1")
			}
			function fun2(){
				alert("你点击了按钮2")
			}
			document.getElementById("b3").addEventListener("click",function(){
				alert("你点击了按钮3")
			})
		</script>
	</body>
</html>
